<template>
	<view >
		<view @click="back" class="wh50-50 ra50 flex-ju-c posiab top30 left30" :style="{marginTop:shh+'px'}" style="background: rgba(0, 0, 0, 0.5);">
			<uni-icons type="back" color="#fff" size="15"></uni-icons>
		</view>
		
		<view @click="$refs.mshare.showshare()" class=" ra50 flex-ju-c posiab top30 right30" :style="{marginTop:shh+'px'}" >
			<image mode="widthFix" class="image width38" src="/static/img/bshare.png"></image>
		</view>
		
		<view class="posire ">
			<image  class="image hall" src="/static/aaa.png"></image>
			<view class="con posire">
				<view class="posiab  bottom30 ">
					<view class="flex-a-i ml5">
						<image class="wh70-70 ra70 image mr10" src="/static/aaa.png"></image>
						<view class="colorfff size29 bold">Tennis Player 职业</view>
						<view class="ibgto-27A752-C6FF00 wh115-50 ra50 flex-ju-c size22 ml20 color333">
							<uni-icons type="plusempty" color="#333" size="10"></uni-icons>
							关注
						</view>
					</view>
						<view class="colorfff size26" :class="{two:isall}">
							我是不是来打网球的你说了算。这个视角看职业球员的击球质量，丝滑的底线拉球。我的运动日常分享。我的运动日常分的运动日常分的运动日常分
						</view>
						
						<text @click="zhankai" v-if="isall" class="bold colorccc pr100 size26">展开全文</text>
						<view v-else class="flex-ju-b colorfff opct05 size22">
							<view>07-06  广东</view>
							<view class="bold size26">收起</view>
						</view>
				</view>
			</view>
			
		</view>
		
		<view class="posifi width1000 bg111 flex-a-i bottom0 height120 safe-area-inset-bottom size26">
			<view class="con colorfff">
				<view class="flex-ju-b">
					<view class="flex-a-i">
						<uni-icons type="heart-filled" color="#fff" size="20"></uni-icons>
						2.3万
					</view>
					<view class="flex-a-i">
						<uni-icons type="star-filled" color="#fff" size="20"></uni-icons>
						2.3万
					</view>
					<view @click="$refs.uplun.open()" class="flex-a-i">
						<image mode="widthFix" class="image width30 mr5" src="/static/img/ping.png"></image>
						2.3
					</view>
					<view class="flex-a-i wh270-70 ra70 bg212121 flex-ju-c">
						<image mode="widthFix" class="image width25" src="/static/img/bi.png"></image>
						<input class="size26 width170 pl10" placeholder="说点儿什么呗~"/>
					</view>
				</view>
			</view>
		</view>
	</view>
	<mshare ref="mshare"></mshare>
	<uni-popup type="bottom" ref="uplun" background-color="#fff" borderRadius="15px 15px 0 0">
		
		<view class="con">
			<view class="flex-ju-b mt20">
				<uni-icons type="closeempty" color="#fff" size="15"></uni-icons>
				<view>共4条评论</view>
				<uni-icons @click="$refs.uplun.close()" type="closeempty" color="#333" size="15"></uni-icons>
			</view>
			
			<scroll-view scroll-y class="height70vh">
				
				<view class="flex size26 mt30" v-for="(item,index) in 2" :key="index">
					<image class="wh70-70 ra70 image mr10" src="/static/aaa.png"></image>
					<view  class="flex1  pb30">
						<view class="flex-ju-b">
							<view class="flex-a-i">
								<view class="color999">Tennis Player 职业</view>
								<view class="bgE7FBF3 color27A752 size20 wh63-35 ra35 flex-ju-c ml15">楼主</view>
							</view>
							<view class="posiab right30 mt20 flex-ju-c flex-col" >
								<uni-icons type="heart-filled" color="#FF1E00" size="20"></uni-icons>
								<view>1555</view>
							</view>
						</view>
						<view class="width500 mt10 line20 ">
							这个人的主页好有趣呀，大家快进来悄来悄来悄来悄来悄来悄来悄来悄来悄来悄悄 吧~
							这个人的主页好有趣呀，大家快进来悄来悄来悄来悄来悄来悄来悄来悄来
							<text class="color999 ml10">昨天 21:25 广东 </text>回复
							
							<view class="mt30 flex">
								<image class="wh50-50 ra50 image mr10" src="/static/aaa.png"></image>
								<view class="flex1 ">
									<view class="flex-ju-b">
										<view class="flex-a-i">
											<view class="color999">Tennis Player 职业</view>
											<view class="bgE7FBF3 color27A752 size20 wh63-35 ra35 flex-ju-c ml15">楼主</view>
										</view>
										<view class="posiab right30 mt20 flex-ju-c flex-col" >
											<uni-icons type="heart-filled" color="#FF1E00" size="20"></uni-icons>
											<view>1555</view>
										</view>
									</view>
									
									<view class="width400 mt10 line20">
										这个人的主页好有趣呀，
										<text class="color999 ml10">昨天 21:25 广东 </text>回复
									</view>
								</view>
							</view>
							
							<view class="color183667 ml60 mt20">查看更多回复</view>
							
						</view>
					</view>
				</view>
			
			</scroll-view>
			
		</view>
		
	</uni-popup>
</template>

<script>
	export default {
		data() {
			return {
				isall:true
			}
		},
		onLoad() {
		},
		mounted() {
		},
		methods: {
			zhankai(){
				this. isall = false
			}
		}
	}
</script>

<style>
.hall{
	height: calc(100vh - 120rpx);
}
.two{
	 display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	  overflow: hidden;
	  text-overflow: ellipsis;
}

</style>
